<template>
	<view>
		<view class="top">
			<HeaderVue title="月对账单"></HeaderVue>
		</view>
		<view class="item" v-for="item in 6">
			<view class="row-between-center">
				<view class="time">
					2024年3月
				</view>
				<view class="time">
					青岛双流科技有限公司
				</view>
			</view>
		
			<view class="row-between-center" style="margin-top: 31rpx;">
				<view class="text">
					本月采购金额：
				</view>
				<view class="text2">
					2000.00
				</view>
			</view>
			<view class="row-between-center" style="margin-top: 31rpx;">
				<view class="text">
					本月已付款金额：
				</view>
				<view class="text2">
					2000.00
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import HeaderVue from '@/components/Header.vue'
	export default {
		components: {
			HeaderVue
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page {
		background: #F4F3F8;
	}
</style>
<style scoped lang="scss">
	.top{
		background: linear-gradient( 180deg, #C9D3F6 0%, rgba(201,211,246,0) 100%);
	}
	.item{
		padding: 31rpx;
		margin: 21rpx 31rpx 0 31rpx;
		background: #FFFFFF;
		border-radius: 25rpx ;
		.time{
			font-weight: 500;
			font-size: 25rpx;
			color: #95541C;
			line-height: 42rpx;
		}
		.text{
			font-weight: 400;
			font-size: 25rpx;
			color: #17161B;
			line-height: 42rpx;
		}
		.text2{
			font-weight: bolder;
			font-size: 29rpx;
			color: #17161B;
			line-height: 42rpx;
		}
		.btn{
			width: 146rpx;
			height: 46rpx;
			background: #F3F4F8;
			border-radius: 33rpx ;
			font-weight: 400;
			font-size: 21rpx;
			color: #202636;
			line-height: 38rpx;
		}
	}
</style>
